<template>
  <div>
     <el-divider>订单地址</el-divider>
    <p>{{ order.address }}</p>
    <el-divider >订单客户</el-divider>
    <p>{{ order.customer }}</p>
     <el-divider >订单详情</el-divider>
    <p>{{ order.information }}</p>
     <el-divider >支付类型</el-divider>
    <p>{{paytype }}</p>
     <el-divider>客户电话</el-divider>
    <p>{{ order.phone }}</p>
     <el-divider>订单状态</el-divider>
    <p>{{result }}</p>
     <el-divider>订单编号</el-divider>
    <p>{{ order.serial }}</p>
     <el-divider>服务价格</el-divider>
    <p>{{ order.price +"元"}}</p>
   
    <!-- 服务图片 -->
    <div class="block">
      <el-image :src=src  style="width: 300px; height: 400px"></el-image>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      src: this.order.image,
      paytype: this.order.paytype?"支付宝":"当面付",
      result: this.order.result ?"未支付":"已支付",
    };
  },
  props: {
    order: {}, //用来接收父组件传过来的数据
    currentOrderAndServer:{}
  },
  methods: {
    demo(order) {
      console.log("详情子组件" + order);
     
    },
  },
};
</script scoped>
<style scoped>
h3 {
  color: red;
}
</style>